/*
 * 文本箭头菜单
 */
<script>
    export default {
        name: "ys-cates-menu",
        props: {
            //数据列表
            list: {
                type: Array,
                default: () => []
            },
        },
        computed: {

        },
        mounted() {

        },
        data() {
            return {

            };
        },
        methods: {
           
        }
    }        
</script>

<template name="ys-textarrow-menu">
    <view class="textarrow-menu">
      <navigator class="item" v-for="(item, index) in list" :key="index" :url="item.url">
        <view class="text">{{item.text}}</view>
        <view class="arrow">&#xe6c4;</view>
      </navigator>        
    </view>
</template>

<style lang="scss">
@font-face {
  font-family: 'iconfont'; /* project id 1145227 */
  src: url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.eot');
  src: url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.woff2') format('woff2'), url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.ttf') format('truetype'), url('https://at.alicdn.com/t/font_1145227_0egt7mue81gd.svg#iconfont') format('svg');
}    
    .textarrow-menu {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        .item {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1upx solid #e5e5e5;
            width: 100%;
            height: 100upx;            
            .text {
                font-size: 32upx;
                color: #333333;
                padding-left: 30upx;                
            }
            .arrow {
                font-family: 'iconfont';
                font-size: 40upx;
                color: #333333;  
                padding-right: 20upx; 
            }
        }
    }
</style>
